<template>
	<div>
		<ul class="nav">
			<li>
				<!-- <img src="" alt="" /> -->
				<van-icon name="wap-home-o" size="22px" />
				<router-link to="/home" tag="p">首页</router-link>
			</li>
			<li>
				<van-icon name="apps-o" />
				<router-link to="/fenlei" tag="p">分类</router-link>
			</li>
			<li>
				<van-icon name="shopping-cart-o" />
				<router-link to="/shop" tag="p">购物车</router-link>
			</li>
			<li>
				<van-icon name="user-circle-o" />
				<router-link to="/me" tag="p">我的</router-link>
			</li>
		</ul>
	</div>
</template>

<script>
export default {}
</script>

<style lang='scss' scoped>
* {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav {
	width: 100%;
	height: 48px;

	position: fixed;
	bottom: 0;
	display: flex;
	text-align: center;
	background: #999;
	li {
		padding-top: 5px;
		width: 93px;
		height: 100%;

		p {
			font-size: 12px;
			color: #666;
		}
	}
}
</style>